<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>3D 钻石</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <section class="three-diamond-model">
    <h3 class="three-diamond-title">Princess Cut Diamonds</h3>
    <section class="pd-description-right">
      <aside class="pd-description-bar">
        <ol>
          <li class="selected">
            <img src="../../img/PC/app_img.png" alt="#">
          </li>
          <li>
            <img src="../../img/PC/categories_img.png" alt="#">
          </li>
          <li>
            <img src="../../img/PC/doc_pc.png" alt="#">
          </li>
        </ol>
      </aside>
      <section class="pd-products-img-container">
        <img src="" alt="#">
      </section>
      <!-- 3D图片切换 -->
      <section class="diamond-3d">
        <!-- 品牌占位，用于占位-->
        <div class="brand-badge" aria-hidden="true">
          <img class="brand-logo" src="../../img/PC/SAMLogo.svg" alt="">
        </div>
        <!-- 3D图片展示 -->
        <img class="show-3d-img" alt="#">
        <!-- 控制按钮 -->
        <div class="control-bar">
          <button class="btn-prev">
            <img class="player-btn" src="../../img/svg/left-forward.svg" alt="forward">
          </button>
          <button class="btn-toggle">
            <img class="player-btn" src="../../img/svg/pause.svg" alt="pause">
          </button>
          <button class="btn-next">
            <img class="player-btn" src="../../img/svg/right-back.svg" alt="back">
          </button>
        </div>
      </section>
    </section>
  </section>


  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>